<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <include file="Public:common_file" />
    <meta name="description" content="{$info.description}">
    <meta name="keywords" content="{$info.keywords}">
    <title>{$info.title}-我的余额</title>
    <style type="text/css">
        .num{
            background: #f23030; color:#fff;
        }
        .num .title{
            width:100%; height:50px; line-height:50px; padding:0 20px;
        }
        .num .count{
            font-size:60px;padding:0 20px;
        }
        .lists{
            width:100%; margin:10px 0;
        }

        .list{
            width:100%; height:45px;  background-color:#FFFFFF; border-bottom:1px solid #f3f3f3;
        }
        .list:active{
            background-color:#f9f9f9;
        }
        .list .ico{
            width:45px; height:45px; float:left;
        }
        .list .ico img{
            width:25px; height:25px;  margin:10px;
        }
        .list .name{
            height:45px; line-height:45px; float:left; margin:0 15px 0 5px; font-size: 15px; color:#666;
        }
    </style>
</head>
<body>
    <div class="head" style="background-color:#f23030;">
        <div class="left" onclick="back()">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 我的积分</p>
        </div>
        <div class="right">
            
        </div>
    </div>
    <div class="body">
        <div class="num">
            <div class="title">
                账户积分（可抵现消费，可提现）
            </div>
            <div class="count" id="count">
                0.00
            </div>
        </div>

        <div class="lists">
            <div class="list" onclick="chongzhi()">
                <div class="ico"><img src="/Public/img/chongzhi.png"></div>
                <div class="name">充值积分</div>            
            </div>
            <div class="list" onclick="tixian()">
                <div class="ico"><img src="/Public/img/tixian.png"></div>
                <div class="name">提现积分</div>        
            </div>
            <a href="/index.php/User/money_change.html">
                <div class="list">
                    <div class="ico"><img src="/Public/img/jilu.png"></div>
                    <div class="name">交易记录</div>        
                </div>
            </a>
        </div>
    </div>


    <include file="Public:foot" />
    <script type="text/javascript" src="/Public/js/countUp.js"></script>
    <script type="text/javascript">
        imgload();
        
        var options = {
          useEasing : false, 
          useGrouping : false, 
          separator : ',', 
          decimal : '.', 
        };
        var demo = new CountUp("count", 0, 199.5, 2, 2, options);
        demo.start();

        function chongzhi(){
            var num=prompt("请输入充值金额",100);
            if(num){
                num = parseFloat(num).toFixed(2);
                if (num == "NaN" || num == NaN) {
                    alert('请输入正确的充值金额');
                }else{
                    alert('启动微信支付');
                }
            }
        }

        function tixian(){
            var num=prompt("请输入提现金额",$('#count').html());
            if(num){
                num = parseFloat(num).toFixed(2);
                if (num == "NaN" || num == NaN) {
                    alert('请输入正确的充值金额');
                }else{
                    alert('正在提现');
                }
            }
        }
    </script>
    
</body>
</html>